<template>
  <div class="home">
    <el-container>
      <el-header height="50px">
        <el-row type="flex" justify="space-around">
          <el-col >
            <Bar></Bar>
          </el-col>
          
        </el-row>
      </el-header>

      <el-main>
        <router-view />
      </el-main>
    </el-container>
  </div>
</template>

<script>
// @ is an alias to /src

import Bar from "@/components/headerBar.vue";

export default {
  
  components: {
    Bar,
   
  },
  data() {
    return {};
  },
};
</script>
<style>
.el-container {
  width: 74%;
  margin: 0 auto;
}
</style>